<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>登录</title>
    <!-- 引入Mui -->
    <link rel="stylesheet" href="css/mui.min.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/public.css">
    <style>
        body {
            background-image: url(img/logo_bg.jpg);
        }
        .cent {
            width: 90%;
            height:540px;
            position: absolute;
            top: 10%;
            left: 5%;
            background: white;
            border-radius: 40px;
            box-shadow: 2px 4px 5px #d4d3d2;
        }
        .cent .logo {
            width: 136px;
            height: auto;
            position: absolute;
            top: 8%;
            left: 50%;
            margin-left: -72px;
        }
        .cent .logo img {
            width: 100%;
            height: auto;
            position: absolute;
        }
        .cent .denglu {
            width: 70%;
            margin-top: 200px;
            margin-left: 1.8rem;
        }

        .cent .denglu img {
            width: 50px;
            margin-top: 200px;
        }

        .aui-form-list {
            border: none;
        }

        .aui-list .aui-list-item {
            padding-left: 0.25rem;
        }
        .mui-input-group{
            width: 90%;
            margin: 10px auto;
        }
        .mui-input-group:after{
            background: none;
        }
        .mui-input-group:before{
            background: none;
        }
        .mui-input-row input{
            font-size: 12px;
        }
    </style>
</head>
<body>
<!-- 头部 -->
<header id="header" class="mui-bar mui-bar-nav">
     <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">注册</h1>
</header>
<!-- 头部 结束 -->
<div class="cent" id="login-1">
    <div class="logo">
        <img src="img/logo.png" alt="">
    </div>

    <div class="denglu">
        <h1 style="color:#24b476;font-weight:800; font-size: 24px">注册</h1>
    </div>
    <div class="mui-input-group">
        <div class="mui-input-row">
            <input type="text" placeholder="请输入手机号">
        </div>
        <div class="mui-input-row">
            <input type="password" placeholder="请输入密码" id="password">
        </div>
        <div class="mui-input-row">
            <input type="password" placeholder="请确认密码" id="sure_password">
        </div>
    </div>
    <div class="aui-content-padded" style="margin: 0 1.8rem;">
        <p style="height:2rem;"  onclick="register()">
            <img src="img/zhuce_nextStep.png" alt="" style="width: 100%;height: 100%;" />
        </p>
        <div class="mui-row">
            <a href="login.html" class="mui-col-xs-6 mui-col-sm-6"><p>老用户登录</p></a>
<!--            <a href="pwd.html" style="text-align: right" class="mui-col-xs-6 mui-col-sm-6"><p>忘记密码</p></a>-->
        </div>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/mui.min.js"></script>
<script>
    function register() {
        if($('#password').val() != $('#sure_password').val()){
            mui.alert('两次输入的密码不一致');
            return false
        }
    }
</script>
</body>
</html>